<template>
  <div v-if="fullscreenFlag" v-loading.fullscreen.lock="fullscreenLoading" class="mainForm" style="width: 90%;margin: auto">
    <div style="line-height: 50px;font-size: 30px;color: dodgerblue;margin-top: 20px;">中小企业数智生态报告
    </div><el-button v-if="allForm.base.entName" type="primary" @click="handleDown">PDF下载</el-button>
    <div id="demo" style="background: #ffffff;margin-top: 30px;width: 1091px;margin: auto">
      <!--      封面-->
      <div class="everyPage fmPage" style="background-color: #ffffff">
        <div v-watermark="{text1:'中小企业数智生态报告',text2:'',font:'30px Microsoft JhengHei',textColor:'rgba(50, 50, 50, 0.2)'}">
          <div class="adfwqx">
            <div style="padding: 15px 20px 20px 20px;font-size: 28px;color: #ffffff;line-height: 40px">
              <div style="text-align: right">中小企业数智生态报告</div>
            </div>
          </div>
          <div style="margin-top: 250px;height: 380px;padding-top: 50px">
            <div v-if="allForm.base.cityName" class="title2a1">中小企业数智生态报告
            </div>
            <div v-if="allForm.base" style="margin: 100px 295px 0px 360px;color: #000000">
              <div v-if="allForm.base.entName" class="aceacd">企业名称 : {{ allForm.base.entName }}</div>
              <div class="aceacd">组织机构代码 : {{ allForm.base.entCode }}</div>
            </div>
            <div v-if="allForm.base" style="margin: 300px 295px 0px 160px;color: #000000;">
              <div class="aceacd" style="font-size: 14px"> 版权: © 中小企业数智生态报告平台</div>
              <div class="aceacd" style="font-size: 14px">诊断时间 : {{ allForm.base.time }}</div>
            </div>
            <div style="width: 800px;margin: auto;padding: 20px;line-height: 24px;border:1px #bbbbbb solid;background: rgba(211,237,255,0.4)">
              <div style="text-align: center;font-size: 28px">责权声明</div>
              <p style="text-indent:2em;">本报告模型参照工信部印发的《优质中小企业梯度培育管理暂行办法》和本地区《专精特新发展指数》,报告根据企业填报的数据得出，企业对提供的数据真实性、准确性和完整性负责，本报告结果仅供参考，并非作为申报成功与否的保证或承诺，不具备政府或法律效力。</p>
              <p style="text-indent:2em;">任何机构和人员不得以任何形式复制、传播本报告的全部或部分内容。本报告数据来源于企业自主提供, 除非特别注明,此类信息均未经复核，本平台不能保证所提供信息的准确性、完整性和时效性，不承担使用者的任何商业风险, 也不承担由于其非控因素和疏忽而引起的相应的损失和损害。</p>
              <p style="text-indent:2em;">如对本报告内容有任何的疑问，请联络：</p>
              <p style="text-indent:2em;">客户服务热线： 13618270082</p>
              <p style="text-indent:2em;">邮箱：service@xlshuju.cn</p>
            </div>
          </div>
          <div style="margin-top: 660px;margin-bottom: 10px"><div class="aceacd" style="text-align: right;padding-right: 40px;color: #ffffff" /></div>
          <div class="smaa" style="background:#166e8e00;padding:10px 30px;color: #ffffff " />
        </div>
      </div>
      <!--      封面结束-->
      <div v-watermark="{text1:'中小企业数智生态报告',text2:'',font:'30px Microsoft JhengHei',textColor:'rgba(50, 50, 50, 0.1)'}">
        <div style="margin: 0px 0px">
          <div class="mainPage">
            <!--            第一页-->
            <div class="pageHeight">
              <div class="mainPagehead">
                <div class="mainPagehead1">中小企业数智生态报告</div>
              </div>
              <div class="mainPageContent">
                <div class="title2" style="margin-bottom: 50px">
                  企业基本信息
                </div>
                <div v-if="allForm" style="padding:0 20px">
                  <el-row>
                    <el-col :span="12">
                      <div v-if="allForm.basePo.entName" class="jbxx">企业名称 : {{ allForm.basePo.entName }}</div>
                    </el-col>
                    <el-col :span="12">
                      <div class="jbxx">统一社会信用代码 : {{ allForm.basePo.entCode }}</div>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="12">
                      <div class="jbxx">法人代表 : {{ allForm.basePo.legalPerson }}</div>
                    </el-col>
                    <el-col :span="12">
                      <template v-if="allForm.basePo.regCapital === '0'">
                        <div class="jbxx">注册资本 : -</div>
                      </template>
                      <template v-if="allForm.basePo.regCapital !== '0'">
                        <div class="jbxx">注册资本 : {{ allForm.basePo.regCapital }}万元</div>
                      </template>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="12">
                      <div class="jbxx">企业注册地 : {{ allForm.basePo.provName }}-{{ allForm.basePo.cityName }}-{{ allForm.basePo.distName }}</div>
                    </el-col>
                    <el-col :span="12">
                      <div class="jbxx">注册地址 : {{ allForm.basePo.regAddress }}</div>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="12">
                      <div class="jbxx">注册时间 : {{ allForm.basePo.regTime }}</div>
                    </el-col>
                    <el-col :span="12">
                      <template v-if="allForm.basePo.operationLife === '0'">
                        <div class="jbxx">生产经营年限 : -</div>
                      </template>
                      <template v-if="allForm.basePo.operationLife !== '0'">
                        <div class="jbxx">生产经营年限 : {{ allForm.basePo.operationLife }}年</div>
                      </template>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="12">
                      <div class="jbxx">企业类型 : {{ allForm.basePo.entTypeName }}</div>
                    </el-col>
                    <el-col :span="12">
                      <div class="jbxx">企业规模 : {{ allForm.basePo.entScaleName }}</div>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="12">
                      <div class="jbxx">全职员工数量 : {{ allForm.basePo.entNumber }}人</div>
                    </el-col>
                    <el-col :span="12" />
                  </el-row>
                  <el-row>
                    <el-col :span="24">
                      <div class="jbxx">经营范围 : <div style="margin-left: 80px;margin-top: -30px">{{ allForm.basePo.businessScope }}</div></div>
                    </el-col>
                  </el-row>
                </div>
                <div class="title2" style="margin-top: 100px;margin-bottom: 50px">
                  企业主营业务
                </div>
                <div v-if="allForm" style="padding:0px 20px">
                  <el-row>
                    <el-col :span="12">
                      <div class="jbxx">所属行业 : {{ allForm.basePo.industryName }}-{{ allForm.basePo.industrySecondName }}</div>
                    </el-col>
                    <el-col :span="12">
                      <div class="jbxx">具体细分领域 : {{ allForm.basePo.industryThreeName }}-{{ allForm.basePo.industryFourthName }}</div>
                    </el-col>
                  </el-row>
                </div>
                <div class="title2" style="margin-top:  50px;margin-bottom: 50px">
                  联系方式
                </div>
                <div v-if="allForm" style="padding:0px 20px">
                  <el-row>
                    <el-col :span="12">
                      <div class="jbxx">联系人姓名 : {{ allForm.basePo.contactsName }}</div>
                    </el-col>
                    <el-col :span="12">
                      <div class="jbxx">联系人电话 : {{ allForm.basePo.contactsTel }}</div>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="12">
                      <div class="jbxx">联系人手机 : {{ allForm.basePo.contactsMobile }}</div>
                    </el-col>
                    <el-col :span="12">
                      <div class="jbxx">电子邮箱 : {{ allForm.basePo.email }}</div>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="12">
                      <div class="jbxx">邮编 : {{ allForm.basePo.postalCode }}</div>
                    </el-col>
                    <el-col :span="12">
                      <div class="jbxx">通讯地址 : {{ allForm.basePo.commAddress }}</div>
                    </el-col>
                  </el-row>
                </div>
              </div>
              <div class="yd" style="height: 190px;padding-top: 255px">
                <div class="smaa" />
                <div style="text-align: center;">1</div>
              </div>
            </div>
            <!--            新二页-->
            <div class="pageHeight">
              <div class="mainPagehead">
                <div class="mainPagehead1">中小企业数智生态报告</div>
              </div>
              <div class="mainPageContent">
                <div class="title2" style="margin-bottom: 50px">
                  经济效益及经营情况
                </div>
                <div class="fxtitle1" style="margin: 20px 0 0 0">重要经营指标</div>
                <div v-if="allForm" style="padding:0 20px;margin-top:40px">
                  <el-row>
                    <el-col :span="24">
                      <el-table :data="tableData" border style="width: 100%" :header-cell-style="headclass" stripe>
                        <el-table-column prop="dataName" label="指标" width="180" />
                        <el-table-column prop="y1" :label="y1" align="center" />
                        <el-table-column prop="y21" label="变化（%）" align="center" />
                        <el-table-column prop="y2" :label="y2" align="center" />
                        <el-table-column prop="y32" label="变化（%）" align="center" />
                        <el-table-column prop="y3" :label="y3" align="center" />
                      </el-table>
                    </el-col>
                  </el-row>
                </div>
                <div class="fxtitle1" style="margin: 40px 0 0 0">产品特色化</div>
                <div v-if="allForm" style="padding:0 20px;margin-top:40px">
                  <el-row>
                    <el-col :span="24">
                      <el-table :data="tableDataPro" border style="width: 100%" :header-cell-style="headclass" stripe>
                        <el-table-column prop="dataName" label="指标" width="220" />
                        <el-table-column prop="y1" :label="y1Pro" align="center" />
                        <el-table-column prop="y2" :label="y2Pro" align="center" />
                        <el-table-column prop="y3" :label="y3Pro" align="center" />
                      </el-table>
                    </el-col>
                  </el-row>
                </div>
                <div class="fxtitle1" style="margin: 40px 0 0 0;border-bottom: 0px">名牌产品或驰名商标情况（企业拥有的名牌产品或驰名商标情况）：<span v-if="allForm.characteristicPo.brandTrademark == 'A'">国家级</span>
                  <span v-if="allForm.characteristicPo.brandTrademark == 'B'">省级</span>
                  <span v-if="allForm.characteristicPo.brandTrademark == 'C'">市级</span>
                  <span v-if="allForm.characteristicPo.brandTrademark == 'D'">市级以下</span>
                  <span v-if="allForm.characteristicPo.brandTrademark == 'E'">没有</span>
                </div>
              </div>
              <div class="yd" style="height: 190px;padding-top: 380px">
                <div class="smaa" />
                <div style="text-align: center">2</div>
              </div>
            </div>
            <!--            新三页-->
            <div class="pageHeight">
              <div class="mainPagehead">
                <div class="mainPagehead1">中小企业数智生态报告</div>
              </div>
              <div class="mainPageContent">
                <div class="title2" style="margin-bottom: 50px">
                  资质、荣誉及知识产权
                </div>
                <div class="fxtitle1" style="margin: 20px 0 0 0">获得相关部门认定的称号（有效期内）</div>
                <div v-if="allForm" style="padding:0 20px;margin-top:20px;font-size: 20px; line-height: 54px;">
                  <el-row>
                    <el-col :span="12">
                      绿色工厂 ：<span v-if="allForm.refinePo.greenFactory === '1'">是</span><span v-if="allForm.refinePo.greenFactory === '0'">否</span>
                    </el-col>
                    <el-col :span="12">
                      绿色制造 ：<span v-if="allForm.refinePo.greenMake === '1'">是</span><span v-if="allForm.refinePo.greenMake === '0'">否</span>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="12">
                      绿色产品 ：<span v-if="allForm.refinePo.greenProduct === '1'">是</span><span v-if="allForm.refinePo.greenProduct === '0'">否</span>
                    </el-col>
                    <el-col :span="12">
                      绿色供应链企业 ：<span v-if="allForm.refinePo.greenSupply === '1'">是</span><span v-if="allForm.refinePo.greenSupply === '0'">否</span>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="12">
                      绿色制造示范企业 ：<span v-if="allForm.refinePo.greenExample === '1'">是</span><span v-if="allForm.refinePo.greenExample === '0'">否</span>
                    </el-col>
                  </el-row>
                </div>
                <div class="fxtitle1" style="margin: 20px 0 0 0">获得荣誉（有效期内）</div>
                <div v-if="allForm" style="padding:0 20px;margin-top:20px;font-size: 20px; line-height: 54px;">
                  <el-row>
                    <el-col :span="12">
                      是否高新技术企业 ：<span v-if="allForm.innovationPo.isHighTech === '1'">是</span><span v-if="allForm.innovationPo.isHighTech === '0'">否</span>
                    </el-col>
                    <el-col :span="12">
                      是否国家级技术创新示范企业 ：<span v-if="allForm.innovationPo.isCountryInnovate === '1'">是</span><span v-if="allForm.innovationPo.isCountryInnovate === '0'">否</span>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="12">
                      是否知识产权优势企业 ：<span v-if="allForm.innovationPo.isIntellectualAdvantages === '1'">是</span><span v-if="allForm.innovationPo.isIntellectualAdvantages === '0'">否</span>
                    </el-col>
                    <el-col :span="12">
                      是否知识产权示范企业 ：<span v-if="allForm.innovationPo.isIntellectualDemonstration === '1'">是</span><span v-if="allForm.innovationPo.isIntellectualDemonstration === '0'">否</span>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="12">
                      工业企业知识产权运用试点企业 ：<span v-if="allForm.otherPo.intellectualProperty === '1'">国家级</span><span v-if="allForm.otherPo.intellectualProperty === '2'">省级</span><span v-if="allForm.otherPo.intellectualProperty === '0'">否</span>
                    </el-col>
                    <el-col :span="12">
                      智能制造试点示范企业 ：<span v-if="allForm.otherPo.intelligentManufacturing === '1'">国家级</span><span v-if="allForm.otherPo.intelligentManufacturing === '2'">省级</span><span v-if="allForm.otherPo.intelligentManufacturing === '0'">否</span>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="24">
                      质量标杆 ：<span v-if="allForm.otherPo.qualityBenchmark === '1'">是</span><span v-if="allForm.otherPo.qualityBenchmark === '0'">否</span>
                    </el-col>
                    <el-col :span="24">
                      是否享受过国家首台（套）重大技术装备保险补偿试点政策 ：<span v-if="allForm.otherPo.nationalPlatform === '1'">是</span><span v-if="allForm.otherPo.nationalPlatform === '0'">否</span>
                    </el-col>
                  </el-row>
                </div>
                <div class="fxtitle1" style="margin: 20px 0 0 0;">拥有与主导产品知识产权情况</div>
                <div v-if="allForm" style="padding:0 20px;margin-top:40px">
                  <el-row>
                    <el-col :span="24">
                      <el-table :data="tableDataKno" border style="width: 100%" :header-cell-style="headclass" :row-class-name="tableRowClassName">
                        <el-table-column prop="dataName" label="类别" width="300" />
                        <el-table-column prop="num" label="数量" align="center" />
                        <el-table-column prop="bz" label="备注" align="center" />
                      </el-table>
                    </el-col>
                  </el-row>
                </div>
              </div>
              <div class="yd" style="height: 190px;padding-top: 107px">
                <div class="smaa" />
                <div style="text-align: center">3</div>
              </div>
            </div>
            <!--            新四页-->
            <div class="pageHeight">
              <div class="mainPagehead">
                <div class="mainPagehead1">中小企业数智生态报告</div>
              </div>
              <div class="mainPageContent">
                <div class="title2" style="margin-bottom: 50px">
                  投资及股权融资情况
                </div>
                <div v-if="allForm" style="padding:0 20px;margin-top:40px;font-size: 20px; line-height: 54px;">
                  <el-row>
                    <el-col :span="12">
                      最新企业估值（万元） ：{{ allForm.financingPo.entValuation }}
                    </el-col>
                    <el-col :span="12">
                      企业上市情况 ：<span v-if="allForm.financingPo.listingCode === '0'">无上市计划</span><span v-if="allForm.financingPo.listingCode === '1'">有上市计划</span><span v-if="allForm.financingPo.listingCode === '2'">已上市 </span>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="12">
                      近3年是否申请银行贷款 ：<span v-if="allForm.financingPo.bankLoans === '1'">是</span><span v-if="allForm.financingPo.bankLoans === '0'">否</span>
                    </el-col>
                    <el-col :span="12">
                      信贷满足率（%） ：{{ allForm.financingPo.creditSatisfaction }}
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="24">
                      所获得贷款用途 ：{{ allForm.financingPo.loanPurpose.replace(/"/g, "").replace(/\[|\]/g, '') }}
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="12">
                      是否有下一步融资计划 ：<span v-if="allForm.financingPo.nextPlan === '1'">是</span><span v-if="allForm.financingPo.nextPlan === '0'">否</span>
                    </el-col>
                  </el-row>
                </div>
                <div class="title2" style="margin-top:100px;margin-bottom: 50px">
                  土地厂房及固定资产情况
                </div>
                <div class="fxtitle1" style="margin: 20px 0 0 0">企业土地资产情况</div>
                <div v-if="allForm" style="padding:0 20px;margin-top:40px;font-size: 20px; line-height: 54px;">
                  <el-row>
                    <el-col :span="12">
                      企业土地权属 ：<span v-if="allForm.assetsPo.landOwnership === '0'">自购有土地证</span><span v-if="allForm.assetsPo.landOwnership === '1'">自购无土地证</span><span v-if="allForm.assetsPo.landOwnership === '2'">非自购 </span>
                    </el-col>
                    <el-col :span="12">
                      企业土地是否抵质押状态 ：<span v-if="allForm.assetsPo.landMortgage === '0'">否</span><span v-if="allForm.assetsPo.landMortgage === '1'">是</span>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="12">
                      厂房资产权属 ：<span v-if="allForm.assetsPo.factoryOwnership === '0'">自建有产权证</span><span v-if="allForm.assetsPo.factoryOwnership === '1'">租赁无产权证</span><span v-if="allForm.assetsPo.factoryOwnership === '2'">其他 </span>
                    </el-col>
                    <el-col :span="12">
                      厂房是否抵质押状态 ： <span v-if="allForm.assetsPo.factoryMortgage === '0'">否</span><span v-if="allForm.assetsPo.factoryMortgage === '1'">是</span>
                    </el-col>
                  </el-row>
                </div>
                <div class="fxtitle1" style="margin: 20px 0 0 0">住宅商业资产情况</div>
                <div v-if="allForm" style="padding:0 20px;margin-top:40px;font-size: 20px; line-height: 54px;">
                  <el-row>
                    <el-col :span="12">
                      资产总套数 ：{{ allForm.assetsPo.residenceCount }}
                    </el-col>
                    <el-col :span="12">
                      评估总金额 ：{{ allForm.assetsPo.residenceAmount }}
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="12">
                      住宅商业资产抵质押状态 ：<span v-if="allForm.assetsPo.residenceMortgage === '1'">是</span><span v-if="allForm.assetsPo.residenceMortgage === '0'">否</span>
                    </el-col>
                  </el-row>
                </div>
              </div>
              <div class="yd" style="height: 190px;padding-top: 455px">
                <div class="smaa" />
                <div style="text-align: center">4</div>
              </div>
            </div>
            <!--            新五页原第二页-->
            <div class="pageHeight">
              <div class="mainPagehead">
                <div class="mainPagehead1">中小企业数智生态报告</div>
              </div>
              <div class="mainPageContent">
                <div class="title2">
                  优质中小企业专精特新发展评分结果
                </div>
                <el-row class="dsac" :gutter="10">
                  <el-col :span="12">
                    <div class="echart-border">
                      <div id="ztsp" ref="ztsp" />
                    </div>
                  </el-col>
                  <el-col :span="12">
                    <div class="echart-border">
                      <div id="zjtxzspf" ref="zjtxzspf" />
                    </div>
                  </el-col>
                </el-row>
                <div class="fxtitle1" style="margin: 20px 0 0 0">评分结果</div>
                <div style="border-bottom: #aaaaaa 1px solid;padding:20px 0px">
                  <div v-if="allForm.target">
                    <div style="float: left;height: 40px;margin: -16px 20px 0px 20px">
                      <p>评分结果: </p></div>
                    <div style="height: 40px">
                      <p>企业专精特新发展评分为<span class="fenshu">{{ allForm.target.totalScore }}分</span>,本地区专精特新发展平均评分为<span class="fenshu">{{ allForm.target.totalAverage }}分</span><br>
                      </p>
                    </div>
                  </div>
                  <div style="float: left;height:40px;margin: 0px 20px 0px 20px"><p>评分建议:</p></div>
                  <div style="height: 40px">
                    <p>请对照《优质中小企业梯度培育管理暂行办法》要求在<span class="fenshu">{{ allForm.base.proposal }}</span>方面培育提升</p>
                    <!--                          <p>建议进行<span class="fenshu">{{ allForm.base.declare }}</span></p>-->
                  </div>
                  <div style="float: left;margin: 0px 20px 0px 20px"><p>评分对标:</p></div>
                  <div>
                    <p>
                      <!--                            本地区共有<span class="fenshu">{{ allForm.base.count }}家</span>企业进行了诊断，-->
                      企业专精特新发展评分超过了本地区
                      <span class="fenshu"> {{ allForm.base.transcend }}</span>的企业</p>
                  </div>
                </div>
                <div class="fxjg1p1">
                  <div class="fxtitle1" style="margin: 40px 0 0 0">专精特新发展评分结果分析</div>
                  <div id="base" ref="base" />
                  <div class="eae">
                    <p>企业基础能力的评价综合考虑企业营业收入、净利润、总资产、资产负债率、全职员工数量、股权融资、国际化等因素</p>
                    <p v-if="allForm.target">企业基础能力评分为{{ allForm.target.baseScore }}<span v-if="allForm.target.baseScore>=allForm.target.baseAverage">大</span><span v-if="allForm.target.baseScore<allForm.target.baseAverage">小</span>于本地平均分{{ allForm.target.baseAverage }}，<span v-if="allForm.target.baseScore<allForm.target.baseAverage">建议针对提升</span><span v-if="allForm.target.baseScore>=allForm.target.baseAverage">建议继续保持</span></p>
                  </div>

                  <div id="professionl" ref="professionl" />
                  <div class="eae">
                    <p>企业专业化能力的评价综合考虑主营业务收入、占营业收入比重、年平均增长率、从事特定细分市场年限等因素</p>
                    <p v-if="allForm.target">企业专业化能力评分为{{ allForm.target.professionlScore }}<span v-if="allForm.target.professionlScore>=allForm.target.professionlAverage">大</span><span v-if="allForm.target.professionlScore<allForm.target.professionlAverage">小</span>于本地平均分{{ allForm.target.professionlAverage }}，<span v-if="allForm.target.professionlScore<allForm.target.professionlAverage">建议针对提升</span><span v-if="allForm.target.professionlScore>=allForm.target.professionlAverage">建议继续保持</span></p>
                  </div>
                </div>
              </div>
              <div class="yd" style="height: 120px;padding-top: 58px">
                <div class="smaa" />
                <div style="text-align: center">5</div>
              </div>
            </div>
            <!--            新六页原第三页-->
            <div class="pageHeight">
              <div class="mainPagehead">
                <div class="mainPagehead1">中小企业数智生态报告</div>
              </div>
              <div class="mainPageContent">
                <el-row :gutter="10">
                  <el-col :span="24">
                    <div class="echart-border">
                      <div class="fxjg1">
                        <div id="refine" ref="refine" />
                        <div class="eae">
                          <p> 企业精细化能力的评价综合考虑管理体系认证、产品国际认可度、数字化技术及信息系统情况、绿色制造等因素</p>
                          <p v-if="allForm.target">企业精细化能力评分为{{ allForm.target.refineScore }}<span v-if="allForm.target.refineScore>=allForm.target.refineAverage">大</span><span v-if="allForm.target.refineScore<allForm.target.refineAverage">小</span>于本地平均分{{ allForm.target.refineAverage }}，<span v-if="allForm.target.refineScore<allForm.target.refineAverage">建议针对提升</span><span v-if="allForm.target.refineScore>=allForm.target.refineAverage">建议继续保持</span></p>
                        </div>
                        <div id="characteristic" ref="characteristic" />
                        <div class="eae">
                          <p>企业特色化能力的评价综合考虑产品市场占有率、自主品牌、商标和销售收入情况、参与标准规则制定等因素</p>
                          <p v-if="allForm.target">企业特色化能力评分为{{ allForm.target.characteristicScore }}<span v-if="allForm.target.characteristicScore>=allForm.target.characteristicAverage">大</span><span v-if="allForm.target.characteristicScore<allForm.target.characteristicAverage">小</span>于本地平均分{{ allForm.target.characteristicAverage }}，<span v-if="allForm.target.characteristicScore<allForm.target.characteristicAverage">建议针对提升</span><span v-if="allForm.target.characteristicScore>=allForm.target.characteristicAverage">建议继续保持</span></p>
                        </div>
                        <div id="innovation" ref="innovation" />
                        <div class="eae">
                          <p> 企业创新能力的评价综合考虑研发经费投入及强度、研发人员占比、知识产权数量、研发机构级别等因素</p>
                          <p v-if="allForm.target">企业创新能力评分为{{ allForm.target.innovationScore }}<span v-if="allForm.target.innovationScore>=allForm.target.innovationAverage">大</span><span v-if="allForm.target.innovationScore<allForm.target.innovationAverage">小</span>于本地平均分{{ allForm.target.innovationAverage }}，<span v-if="allForm.target.innovationScore<allForm.target.innovationAverage">建议针对提升</span><span v-if="allForm.target.innovationScore>=allForm.target.innovationAverage">建议继续保持</span></p>
                        </div>
                        <div id="develop" ref="develop" />
                        <div class="eae">
                          <p>企业高质量发展能力的评价综合考虑产业链配套、“六基”领域、高新技术企业、国家级科技奖励等因素</p>
                          <p v-if="allForm.target">企业高质量发展能力评分为{{ allForm.target.developScore }}<span v-if="allForm.target.developScore>=allForm.target.developAverage">大</span><span v-if="allForm.target.developScore<allForm.target.developAverage">小</span>于本地平均分{{ allForm.target.developAverage }}，<span v-if="allForm.target.developScore<allForm.target.developAverage">建议针对提升</span><span v-if="allForm.target.developScore>=allForm.target.developAverage">建议继续保持</span></p>
                        </div>
                      </div>

                    </div>
                  </el-col>
                </el-row>
              </div>
              <div class="yd" style="height: 260px;padding-top: 195px;">
                <div class="smaa" />
                <div style="text-align: center">6</div>
              </div>
            </div>
            <!--           新七页原第四页-->
            <div class="pageHeight">
              <div class="mainPagehead">
                <div class="mainPagehead1">中小企业数智生态报告</div>
              </div>
              <div class="mainPageContent">
                <div class="title2">
                  优质中小企业梯度培育评测结果
                </div>
                <el-row class="dsac" :gutter="10">
                  <el-col :span="24">
                    <div class="echart-border">
                      <div id="tdpj" ref="tdpj" />
                    </div>
                  </el-col>
                </el-row>
                <div class="fxtitle1" style="margin: 20px 0 0 0">诊断结果</div>
                <div style="padding:20px 0px">
                  <div v-if="allForm.target">
                    <div style="float: left;height: 120px;margin: -16px 20px 0px 20px">
                      <p>诊断结果: </p></div>
                    <div style="height: 120px">
                      <p><span v-if="allForm.base.innovate === 1" class="fenshu">符合</span>
                        <span v-if="allForm.base.innovate === 0" class="fenshu">不符合</span>创新型中小企业标准:
                        <span v-if="allForm.innovate.throughContent === '符合'" class="fenshu">符合</span>
                        <span v-if="allForm.innovate.throughContent === '不符合'" class="fenshu">不符合</span>直通条件;
                        <span v-if="allForm.base.totalScore >= 60">符合评分条件：
                          <!--                                总评分为100分，合格分为60分，-->
                          当前评分为<span class="fenshu">{{ allForm.base.totalScore }}分</span>
                        </span>
                        <span v-if="allForm.base.totalScore < 60">不符合评分条件：
                          <!--                                总评分为100分，合格分为60分，-->
                          当前评分为<span class="fenshu">{{ allForm.base.totalScore }}分</span>
                        </span>
                      </p>
                      <p><span v-if="allForm.base.refinement === 1" class="fenshu">符合</span>
                        <span v-if="allForm.base.refinement === 0" class="fenshu">不符合</span>专精特新中小企业标准:
                        <span v-if="allForm.refinement.baseScore === 1" class="fenshu">符合</span>
                        <span v-if="allForm.refinement.baseScore === 0" class="fenshu">不符合</span>基础条件;
                        <span v-if="allForm.refinement.throughScore === 1" class="fenshu">符合</span>
                        <span v-if="allForm.refinement.throughScore === 0" class="fenshu">不符合</span>直通条件;
                        <span v-if="allForm.refinement.totalScore >= 60">
                          符合评分条件：
                          <!--                                总评分100分，合格分60分，-->
                          当前评分<span class="fenshu">{{ allForm.refinement.totalScore }}分</span>
                        </span>
                        <span v-if="allForm.refinement.totalScore < 60">
                          不符合评分条件：
                          <!--                                总评分100分，合格分60分，-->
                          当前评分<span class="fenshu">{{ allForm.refinement.totalScore }}分</span>
                        </span>
                      </p>
                      <p><span v-if="allForm.base.giant === 1" class="fenshu">符合</span>
                        <span v-if="allForm.base.giant === 0" class="fenshu">不符合</span>专精特新小巨人标准
                        :<span v-if="allForm.base.giant === 1" class="fenshu">符合</span>
                        <span v-if="allForm.base.giant === 0" class="fenshu">不符合</span>基础条件
                      </p>
                    </div>
                  </div>
                  <div style="float: left;height:40px;margin: 0px 20px 0px 20px"><p>诊断建议:</p></div>
                  <div style="height: 40px">
                    <!--                          <p>建议在<span class="fenshu">{{ allForm.base.proposal }}</span>领域进行提升</p>-->
                    <p><span>{{ allForm.base.declare }}</span></p>
                  </div>
                </div>
                <div class="fxtitle1" style="margin: 60px 0 40px 0">梯度培育符合度诊断结果分析</div>
                <el-row class="dsac" :gutter="10">
                  <el-col :span="24">
                    <div class="echart-border">
                      <div class="fxjg11s">
                        <el-col :span="24">
                          <!--              创新型中小企业-->
                          <el-row class="dsac" :gutter="10">
                            <el-col :span="14">
                              <div class="echart-border">
                                <div id="innovate" ref="innovate" />
                              </div>
                            </el-col>
                            <el-col :span="10">
                              <div class="echart-border">
                                <div class="fxjg">
                                  <div class="fxtitle">诊断结果分析</div>
                                  <div v-if="allForm.innovate" class="fxtitle2">
                                    <p class="sm1">符合直通条件之一或指标评分总分大于60分</p>
                                    <p>直通条件4项，满足4项之一即为符合</p>
                                    <p class="sm">满足{{ allForm.innovate.throughScore }}项，{{ allForm.innovate.throughContent }}</p>
                                    <p>创新能力共40分，不低于20分即为符合</p>
                                    <p class="sm">得{{ allForm.innovate.innovationScore }}分，{{ allForm.innovate.innovationContent }}</p>
                                    <p>成长性共30分，不低于15分即为符合</p>
                                    <p class="sm">得{{ allForm.innovate.increaseScore }}分，{{ allForm.innovate.increaseContent }}</p>
                                    <p>专业化共30分，不低于15分即为符合</p>
                                    <p class="sm">得{{ allForm.innovate.professionScore }}分，{{ allForm.innovate.professionContent }}</p>
                                  </div>
                                </div>
                              </div>
                            </el-col>
                          </el-row>
                        </el-col>
                      </div>
                    </div>
                  </el-col>
                </el-row>
              </div>
              <div class="yd" style="height: 130px;padding-top: 80px">
                <div class="smaa" />
                <div style="text-align: center">7</div>
              </div>
            </div>
            <!--            新八页原第五页-->
            <div class="pageHeight">
              <div class="mainPagehead">
                <div class="mainPagehead1">中小企业数智生态报告</div>
              </div>
              <div class="mainPageContent">
                <el-row class="dsac" :gutter="10">
                  <el-col :span="24">
                    <div class="echart-border">
                      <div class="fxjg11">
                        <el-col :span="24">
                          <!--              专精特新中小企业-->
                          <el-row class="dsac" :gutter="10">
                            <el-col :span="14">
                              <div class="echart-border">
                                <div id="refinement" ref="refinement" />
                              </div>
                            </el-col>
                            <el-col :span="10">
                              <div class="echart-border">
                                <div class="fxjg" style="height: 560px">
                                  <div class="fxtitle">诊断结果分析</div>
                                  <div v-if="allForm.refinement" class="fxtitle2">
                                    <p class="sm1" style="margin-top: 15px;height: 40px">基础条件符合且直通条件或评分条件符合其中之一既符合</p>
                                    <p>基础条件共3项，全部符合即为符合</p>
                                    <p class="sm">满足{{ allForm.refinement.base }}项，<span v-if="allForm.refinement.baseScore === 1">符合</span><span v-if="allForm.refinement.baseScore === 0">不符合</span></p>
                                    <p v-if="allForm.refinement.baseScore === 0" class="sm">{{ allForm.refinement.refinementNo }}</p>
                                    <p>直通条件共4项，直通条件满足4项之一即为符合</p>
                                    <p class="sm">满足{{ allForm.refinement.through }}项，<span v-if="allForm.refinement.throughScore === 1">符合</span><span v-if="allForm.refinement.throughScore === 0">不符合</span></p>
                                    <p>指标评分共100分，总评分超过60分即为符合</p>
                                    <p class="sm">总评分{{ allForm.refinement.totalScore }}分，<span v-if="allForm.refinement.totalScore >= 60">符合</span><span v-if="allForm.refinement.totalScore < 60">不符合</span></p>
                                    <p>其中：</p>
                                    <p style="margin-left: 40px">专业化共25分，得{{ allForm.refinement.professionScore }}分</p>
                                    <p style="margin-left: 40px">精细化共25分，得{{ allForm.refinement.refineScore }}分</p>
                                    <p style="margin-left: 40px">特色化共15分，得{{ allForm.refinement.characteristicScore }}分</p>
                                    <p style="margin-left: 40px">创新能力共35分，得{{ allForm.refinement.innovationScore }}分</p>
                                  </div>
                                </div>
                              </div>
                            </el-col>
                          </el-row>
                        </el-col>
                      </div>
                      <!--              专精特新小巨人企业-->
                      <div class="fxjg11">
                        <el-col :span="24">
                          <el-row class="dsac" :gutter="10">
                            <el-col :span="14">
                              <div class="echart-border">
                                <div id="giant" ref="giant" />
                              </div>
                            </el-col>
                            <el-col :span="10">
                              <div class="echart-border">
                                <div class="fxjg" style="height: 370px">
                                  <div class="fxtitle">诊断结果分析</div>
                                  <div v-if="allForm.giant" class="fxtitle2">
                                    <p class="sm1" style="margin-top: 15px">符合全部条件即为符合</p>
                                    <p>专业化能力:{{ allForm.giant1.profession }}</p>
                                    <p class="sm"><span v-if="allForm.giant1.professionContent">{{ allForm.giant1.professionContent }}</span></p>
                                    <p>精细化能力:{{ allForm.giant1.refine }}</p>
                                    <p class="sm"><span v-if="allForm.giant1.refineContent">{{ allForm.giant1.refineContent }}</span></p>
                                    <p>特色化能力:{{ allForm.giant1.characteristic }}</p>
                                    <p class="sm"><span v-if="allForm.giant1.characteristicContent">{{ allForm.giant1.characteristicContent }}</span></p>
                                    <p>创新能力:{{ allForm.giant1.innovation }}</p>
                                    <p class="sm"><span v-if="allForm.giant1.innovationContent">{{ allForm.giant1.innovationContent }}</span></p>
                                    <p>产业链配套:{{ allForm.giant1.important }}</p>
                                    <p class="sm"><span v-if="allForm.giant1.importantContent">{{ allForm.giant1.importantContent }}</span></p>
                                    <p>主导产品所属领域:{{ allForm.giant1.crux }}</p>
                                    <p class="sm"><span v-if="allForm.giant1.cruxContent">{{ allForm.giant1.cruxContent }}</span></p>
                                  </div>
                                </div>
                              </div>
                            </el-col>
                          </el-row>
                        </el-col>
                      </div>
                    </div>
                  </el-col>

                </el-row>
              </div>
              <div class="yd" style="height: 330px;padding-top: 272px;">
                <div class="smaa" />
                <div style="text-align: center">8</div>
              </div>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>
</template>
<script>
import htmlToPdf from '@/utils/htmlToPdf'
import echarts from 'echarts'
import { find, download } from '@/api/report'
import { getTdpjOption,
  getInnovateOption,
  getRefinementOption,
  getGiantOption,
  getOverallOption,
  getZjtxzspfOption,
  getBaseOption,
  getCharacteristicOption,
  getDevelopOption,
  getInnovationOption,
  getProfessionlOption,
  getRefineOption
} from '@/utils/echarts'
export default {
  name: 'PdfAgent',
  data() {
    return {
      allForm: {
        base: {
          entName: '',
          cityName: ''
        }
      },
      tableDataKno: [
        {
          dataName: 'I类知识产权总数（项）',
          num: '',
          bz: '汇总'
        },
        {
          dataName: '发明专利（项）',
          num: '',
          bz: ''
        },
        {
          dataName: '集成电路布图设计专有权 （项）',
          num: '',
          bz: ''
        },
        {
          dataName: 'Ⅰ类高价值知识产权（项）',
          num: '',
          bz: ''
        },
        {
          dataName: '自主研发的Ⅰ类知识产权（项）',
          num: '',
          bz: ''
        },
        {
          dataName: 'Ⅱ类知识产权（项）',
          num: '',
          bz: '汇总'
        },
        {
          dataName: '软件著作权（项）',
          num: '',
          bz: ''
        },
        {
          dataName: '实用新型专利（项）',
          num: '',
          bz: ''
        },
        {
          dataName: '外观设计专利（项）',
          num: '',
          bz: ''
        },
        {
          dataName: '累计有效发明专利量（项）',
          num: '',
          bz: ''
        },
        {
          dataName: '海外发明专利授权量（项）',
          num: '',
          bz: ''
        }
      ],
      tableDataPro: [
        {
          dataName: '主导产品国际细分市场占有率（%）',
          y1: '',
          y2: '',
          y3: ''
        },
        {
          dataName: '主导产品全国细分市场占有率（%）',
          y1: '',
          y2: '',
          y3: ''
        },
        {
          dataName: '主导产品出口额（万元）',
          y1: '',
          y2: '',
          y3: ''
        },
        {
          dataName: '企业自有品牌个数（个）',
          y1: '',
          y2: '',
          y3: ''
        },
        {
          dataName: '企业自有品牌销售收入（万元）',
          y1: '',
          y2: '',
          y3: ''
        }
      ],
      tableData: [
        {
          dataName: '营业收入',
          y1: '',
          y21: '',
          y2: '',
          y32: '',
          y3: ''
        }, {
          dataName: '主营业务收入',
          y1: '',
          y21: '',
          y2: '',
          y32: '',
          y3: ''
        }, {
          dataName: '净利润总额',
          y1: '',
          y21: '',
          y2: '',
          y32: '',
          y3: ''
        }, {
          dataName: '资产总额',
          y1: '',
          y21: '',
          y2: '',
          y32: '',
          y3: ''
        }, {
          dataName: '负债总额',
          y1: '',
          y21: '',
          y2: '',
          y32: '',
          y3: ''
        }, {
          dataName: '上缴税金',
          y1: '',
          y21: '',
          y2: '',
          y32: '',
          y3: ''
        }, {
          dataName: '股权资产总额',
          y1: '',
          y21: '',
          y2: '',
          y32: '',
          y3: ''
        }, {
          dataName: '研发费用总额',
          y1: '',
          y21: '',
          y2: '',
          y32: '',
          y3: ''
        }
      ],
      y1: '',
      y2: '',
      y3: '',
      y1Pro: '',
      y2Pro: '',
      y3Pro: '',
      giantContent: 0,
      tdpjOption: getTdpjOption(),
      innovateOption: getInnovateOption(),
      refinementOption: getRefinementOption(),
      giantOption: getGiantOption(),
      ztspOption: getOverallOption(),
      zjtxzspfOption: getZjtxzspfOption(),
      baseOption: getBaseOption(),
      characteristicOption: getCharacteristicOption(),
      developOption: getDevelopOption(),
      innovationOption: getInnovationOption(),
      professionOptionl: getProfessionlOption(),
      refineOption: getRefineOption(),
      fullscreenLoading: true,
      fullscreenFlag: false
    }
  },
  created() {
    this.getDate()
  },
  methods: {
    getDate() {
      find(this.$route.query).then(response => {
        console.log(this.$route)
        if (response.result === 0) {
          this.fullscreenLoading = false
          this.$message({
            message: response.msg, type: 'error'
          })
        }
        if (response.result === 1) {
          this.allForm = response.data
          // console.log(this.allForm)
          // 重要经营指标
          if (this.allForm.managementPo) {
            this.allForm.managementPo.employeesNumber = JSON.parse(response.data.managementPo.employeesNumber)
            this.allForm.managementPo.developmentNumber = JSON.parse(response.data.managementPo.developmentNumber)
            this.allForm.managementPo.businessIncome = JSON.parse(response.data.managementPo.businessIncome)
            this.allForm.managementPo.mainIncome = JSON.parse(response.data.managementPo.mainIncome)
            this.allForm.managementPo.netProfits = JSON.parse(response.data.managementPo.netProfits)
            this.allForm.managementPo.assets = JSON.parse(response.data.managementPo.assets)
            this.allForm.managementPo.liabilities = JSON.parse(response.data.managementPo.liabilities)
            this.allForm.managementPo.taxes = JSON.parse(response.data.managementPo.taxes)
            this.allForm.managementPo.newFinancing = JSON.parse(response.data.managementPo.newFinancing)
            this.allForm.managementPo.developmentCost = JSON.parse(response.data.managementPo.developmentCost)
            this.allForm.managementPo.preTax = JSON.parse(response.data.managementPo.preTax)
            this.y1 = (parseInt(this.allForm.managementPo.creatorYear) - 3) + '年 万(元)'
            this.y2 = (parseInt(this.allForm.managementPo.creatorYear) - 2) + '年 万(元)'
            this.y3 = (parseInt(this.allForm.managementPo.creatorYear) - 1) + '年 万(元)'
            this.tableData[0].y1 = this.allForm.managementPo.businessIncome.y1
            this.tableData[0].y21 = ((parseFloat(this.allForm.managementPo.businessIncome.y2) - parseFloat(this.allForm.managementPo.businessIncome.y1)) / parseFloat(this.allForm.managementPo.businessIncome.y2) * 100).toFixed(2)
            this.tableData[0].y2 = this.allForm.managementPo.businessIncome.y2
            this.tableData[0].y32 = ((parseFloat(this.allForm.managementPo.businessIncome.y3) - parseFloat(this.allForm.managementPo.businessIncome.y2)) / parseFloat(this.allForm.managementPo.businessIncome.y3) * 100).toFixed(2)
            this.tableData[0].y3 = this.allForm.managementPo.businessIncome.y3
            this.tableData[1].y1 = this.allForm.managementPo.mainIncome.y1
            this.tableData[1].y21 = ((parseFloat(this.allForm.managementPo.mainIncome.y2) - parseFloat(this.allForm.managementPo.mainIncome.y1)) / parseFloat(this.allForm.managementPo.mainIncome.y2) * 100).toFixed(2)
            this.tableData[1].y2 = this.allForm.managementPo.mainIncome.y2
            this.tableData[1].y32 = ((parseFloat(this.allForm.managementPo.mainIncome.y3) - parseFloat(this.allForm.managementPo.mainIncome.y2)) / parseFloat(this.allForm.managementPo.mainIncome.y3) * 100).toFixed(2)
            this.tableData[1].y3 = this.allForm.managementPo.mainIncome.y3
            this.tableData[2].y1 = this.allForm.managementPo.netProfits.y1
            this.tableData[2].y21 = ((parseFloat(this.allForm.managementPo.netProfits.y2) - parseFloat(this.allForm.managementPo.netProfits.y1)) / parseFloat(this.allForm.managementPo.netProfits.y2) * 100).toFixed(2)
            this.tableData[2].y2 = this.allForm.managementPo.netProfits.y2
            this.tableData[2].y32 = ((parseFloat(this.allForm.managementPo.netProfits.y3) - parseFloat(this.allForm.managementPo.netProfits.y2)) / parseFloat(this.allForm.managementPo.netProfits.y3) * 100).toFixed(2)
            this.tableData[2].y3 = this.allForm.managementPo.netProfits.y3
            this.tableData[3].y1 = this.allForm.managementPo.assets.y1
            this.tableData[3].y21 = ((parseFloat(this.allForm.managementPo.assets.y2) - parseFloat(this.allForm.managementPo.assets.y1)) / parseFloat(this.allForm.managementPo.assets.y2) * 100).toFixed(2)
            this.tableData[3].y2 = this.allForm.managementPo.assets.y2
            this.tableData[3].y32 = ((parseFloat(this.allForm.managementPo.assets.y3) - parseFloat(this.allForm.managementPo.assets.y2)) / parseFloat(this.allForm.managementPo.assets.y3) * 100).toFixed(2)
            this.tableData[3].y3 = this.allForm.managementPo.assets.y3
            this.tableData[4].y1 = this.allForm.managementPo.liabilities.y1
            this.tableData[4].y21 = ((parseFloat(this.allForm.managementPo.liabilities.y2) - parseFloat(this.allForm.managementPo.liabilities.y1)) / parseFloat(this.allForm.managementPo.liabilities.y2) * 100).toFixed(2)
            this.tableData[4].y2 = this.allForm.managementPo.liabilities.y2
            this.tableData[4].y32 = ((parseFloat(this.allForm.managementPo.liabilities.y3) - parseFloat(this.allForm.managementPo.liabilities.y2)) / parseFloat(this.allForm.managementPo.liabilities.y3) * 100).toFixed(2)
            this.tableData[4].y3 = this.allForm.managementPo.liabilities.y3
            this.tableData[5].y1 = this.allForm.managementPo.taxes.y1
            this.tableData[5].y21 = ((parseFloat(this.allForm.managementPo.taxes.y2) - parseFloat(this.allForm.managementPo.taxes.y1)) / parseFloat(this.allForm.managementPo.taxes.y2) * 100).toFixed(2)
            this.tableData[5].y2 = this.allForm.managementPo.taxes.y2
            this.tableData[5].y32 = ((parseFloat(this.allForm.managementPo.taxes.y3) - parseFloat(this.allForm.managementPo.taxes.y2)) / parseFloat(this.allForm.managementPo.taxes.y3) * 100).toFixed(2)
            this.tableData[5].y3 = this.allForm.managementPo.taxes.y3
            this.tableData[6].y1 = this.allForm.managementPo.newFinancing.y1
            this.tableData[6].y21 = ((parseFloat(this.allForm.managementPo.newFinancing.y2) - parseFloat(this.allForm.managementPo.newFinancing.y1)) / parseFloat(this.allForm.managementPo.newFinancing.y2) * 100).toFixed(2)
            this.tableData[6].y2 = this.allForm.managementPo.newFinancing.y2
            this.tableData[6].y32 = ((parseFloat(this.allForm.managementPo.newFinancing.y3) - parseFloat(this.allForm.managementPo.newFinancing.y2)) / parseFloat(this.allForm.managementPo.newFinancing.y3) * 100).toFixed(2)
            this.tableData[6].y3 = this.allForm.managementPo.newFinancing.y3
            this.tableData[7].y1 = this.allForm.managementPo.developmentCost.y1
            this.tableData[7].y21 = ((parseFloat(this.allForm.managementPo.developmentCost.y2) - parseFloat(this.allForm.managementPo.developmentCost.y1)) / parseFloat(this.allForm.managementPo.developmentCost.y2) * 100).toFixed(2)
            this.tableData[7].y2 = this.allForm.managementPo.developmentCost.y2
            this.tableData[7].y32 = ((parseFloat(this.allForm.managementPo.developmentCost.y3) - parseFloat(this.allForm.managementPo.developmentCost.y2)) / parseFloat(this.allForm.managementPo.developmentCost.y3) * 100).toFixed(2)
            this.tableData[7].y3 = this.allForm.managementPo.developmentCost.y3
          }
          // 产品特色化
          if (this.allForm.characteristicPo) {
            this.allForm.characteristicPo.productInternational = JSON.parse(response.data.characteristicPo.productInternational)
            this.allForm.characteristicPo.productCountry = JSON.parse(response.data.characteristicPo.productCountry)
            this.allForm.characteristicPo.productExport = JSON.parse(response.data.characteristicPo.productExport)
            this.allForm.characteristicPo.brandNumbers = JSON.parse(response.data.characteristicPo.brandNumbers)
            this.allForm.characteristicPo.brandIncome = JSON.parse(response.data.characteristicPo.brandIncome)
            this.y1Pro = (parseInt(this.allForm.characteristicPo.creatorYear) - 3) + '年'
            this.y2Pro = (parseInt(this.allForm.characteristicPo.creatorYear) - 2) + '年'
            this.y3Pro = (parseInt(this.allForm.characteristicPo.creatorYear) - 1) + '年'
            this.tableDataPro[0].y1 = this.allForm.characteristicPo.productInternational.y1
            this.tableDataPro[0].y2 = this.allForm.characteristicPo.productInternational.y2
            this.tableDataPro[0].y3 = this.allForm.characteristicPo.productInternational.y3
            this.tableDataPro[1].y1 = this.allForm.characteristicPo.productCountry.y1
            this.tableDataPro[1].y2 = this.allForm.characteristicPo.productCountry.y2
            this.tableDataPro[1].y3 = this.allForm.characteristicPo.productCountry.y3
            this.tableDataPro[2].y1 = this.allForm.characteristicPo.productExport.y1
            this.tableDataPro[2].y2 = this.allForm.characteristicPo.productExport.y2
            this.tableDataPro[2].y3 = this.allForm.characteristicPo.productExport.y3
            this.tableDataPro[3].y1 = this.allForm.characteristicPo.brandNumbers.y1
            this.tableDataPro[3].y2 = this.allForm.characteristicPo.brandNumbers.y2
            this.tableDataPro[3].y3 = this.allForm.characteristicPo.brandNumbers.y3
            this.tableDataPro[4].y1 = this.allForm.characteristicPo.brandIncome.y1
            this.tableDataPro[4].y2 = this.allForm.characteristicPo.brandIncome.y2
            this.tableDataPro[4].y3 = this.allForm.characteristicPo.brandIncome.y3
          }
          // 拥有与主导产品有关的知识产权情况（有效期内）
          if (this.allForm.innovationPo) {
            this.tableDataKno[0].num = this.allForm.innovationPo.inventionPatent + this.allForm.innovationPo.integratedCircuit
            this.tableDataKno[1].num = this.allForm.innovationPo.inventionPatent
            this.tableDataKno[2].num = this.allForm.innovationPo.integratedCircuit
            this.tableDataKno[3].num = this.allForm.innovationPo.highIntellectual
            this.tableDataKno[4].num = this.allForm.innovationPo.autonomyIntellectual
            this.tableDataKno[5].num = this.allForm.innovationPo.softwareCopyright + this.allForm.innovationPo.utilityPatent + this.allForm.innovationPo.appearanceDesign
            this.tableDataKno[6].num = this.allForm.innovationPo.softwareCopyright
            this.tableDataKno[7].num = this.allForm.innovationPo.utilityPatent
            this.tableDataKno[8].num = this.allForm.innovationPo.appearanceDesign
            this.tableDataKno[9].num = this.allForm.innovationPo.effectiveInvention
            this.tableDataKno[10].num = this.allForm.innovationPo.overseasInvention
          }
          // 总体水平
          const ztspData = response.data.target.totalScore
          this.ztspOption = getOverallOption(ztspData)
          // 专精特新发展评分
          const zjtxzsData = [response.data.target.baseScore,
            response.data.target.developScore,
            response.data.target.innovationScore,
            response.data.target.characteristicScore,
            response.data.target.refineScore,
            response.data.target.professionlScore]
          const zjtxzsAvgData = [response.data.target.baseAverage,
            response.data.target.developAverage,
            response.data.target.innovationAverage,
            response.data.target.characteristicAverage,
            response.data.target.refineAverage,
            response.data.target.professionlAverage]
          this.zjtxzspfOption = getZjtxzspfOption(zjtxzsData, zjtxzsAvgData)
          // 基础能力分析
          const baseData = response.data.target.baseScore
          const baseAvgData = response.data.target.baseAverage
          this.baseOption = getBaseOption(baseData, baseAvgData)
          // 特色化能力分析
          const characteristicData = response.data.target.characteristicScore
          const characteristicAvgData = response.data.target.characteristicAverage
          this.characteristicOption = getCharacteristicOption(characteristicData, characteristicAvgData)
          // 高质量发展能力分析
          const developData = response.data.target.developScore
          const developAvgData = response.data.target.developAverage
          this.developOption = getDevelopOption(developData, developAvgData)
          // 创新能力分析
          const innovationData = response.data.target.innovationScore
          const innovationAvgData = response.data.target.innovationAverage
          this.innovationOption = getInnovationOption(innovationData, innovationAvgData)
          // 专业化能力分析
          const professionlData = response.data.target.professionlScore
          const professionlAvgData = response.data.target.professionlAverage
          this.professionlOption = getProfessionlOption(professionlData, professionlAvgData)
          // 精细化能力分析
          const refineData = response.data.target.refineScore
          const refineAvgData = response.data.target.refineAverage
          this.refineOption = getRefineOption(refineData, refineAvgData)
          // 中小企业高质量发展诊断结果
          const tdata = [response.data.base.giant,
            response.data.base.innovate,
            response.data.base.refinement]
          this.tdpjOption = getTdpjOption(tdata)
          if (response.data.base.innovate === 1) {
            this.tdpjOption.series[0].data[0].tooltip.formatter = '{a} <br/>{b} : 符合'
            this.tdpjOption.series[0].data[0].cs = '符合'
          }
          if (response.data.base.giant === 1) {
            this.tdpjOption.series[0].data[2].tooltip.formatter = '{a} <br/>{b} : 符合'
            this.tdpjOption.series[0].data[2].cs = '符合'
          }
          if (response.data.base.refinement === 1) {
            // this.tdpjOption.series[0].
            this.tdpjOption.series[0].data[1].tooltip.formatter = '{a} <br/>{b} : 符合'
            this.tdpjOption.series[0].data[1].cs = '符合'
          }
          // 创新型中小企业评分
          const edata = [response.data.innovate.innovationScore,
            response.data.innovate.professionScore, response.data.innovate.increaseScore]
          this.innovateOption = getInnovateOption(edata)
          // 专精特新中小企业评分
          const rdata = [response.data.refinement.professionScore,
            response.data.refinement.innovationScore,
            response.data.refinement.characteristicScore,
            response.data.refinement.refineScore]
          this.refinementOption = getRefinementOption(rdata)
          // 专精特新小巨人中小企业评分
          const gdata = [response.data.giant.profession, response.data.giant.important,
            response.data.giant.crux,
            response.data.giant.innovation,
            response.data.giant.characteristic,
            response.data.giant.refine
          ]
          this.giantOption = getGiantOption(gdata)
          this.giantContent = response.data.giant.characteristic +
            response.data.giant.crux +
            response.data.giant.important +
            response.data.giant.innovation +
            response.data.giant.profession +
            response.data.giant.refine
          this.fullscreenFlag = true
          setTimeout(() => {
            this.setScreen()
            this.fullscreenLoading = false
          }, 1000)
        }
      }).catch(() => {
        this.fullscreenLoading = false
      })
    },
    setScreen() {
      // 总体水平
      const ztspDiv = this.$refs.ztsp
      ztspDiv.style.width = '100%'
      ztspDiv.style.height = '300px'
      const ztspChart = echarts.init(ztspDiv)
      ztspChart.setOption(this.ztspOption)
      // 专精特新发展评分
      const zjtxzspfDiv = this.$refs.zjtxzspf
      zjtxzspfDiv.style.width = '100%'
      zjtxzspfDiv.style.height = '300px'
      const zjtxzspfChart = echarts.init(zjtxzspfDiv)
      zjtxzspfChart.setOption(this.zjtxzspfOption)
      // 基础能力分析
      const baseDiv = this.$refs.base
      baseDiv.style.width = '100%'
      baseDiv.style.height = '180px'
      const baseChart = echarts.init(baseDiv)
      baseChart.setOption(this.baseOption)
      // 特色化能力分析
      const characteristicDiv = this.$refs.characteristic
      characteristicDiv.style.width = '100%'
      characteristicDiv.style.height = '180px'
      const characteristicChart = echarts.init(characteristicDiv)
      characteristicChart.setOption(this.characteristicOption)
      // 高质量发展能力分析
      const developDiv = this.$refs.develop
      developDiv.style.width = '100%'
      developDiv.style.height = '180px'
      const developChart = echarts.init(developDiv)
      developChart.setOption(this.developOption)
      // 创新能力分析
      const innovationDiv = this.$refs.innovation
      innovationDiv.style.width = '100%'
      innovationDiv.style.height = '180px'
      const innovationChart = echarts.init(innovationDiv)
      innovationChart.setOption(this.innovationOption)
      // 专业化能力分析
      const professionlDiv = this.$refs.professionl
      professionlDiv.style.width = '100%'
      professionlDiv.style.height = '180px'
      const professionlChart = echarts.init(professionlDiv)
      professionlChart.setOption(this.professionlOption)
      // 精细化能力分析
      const refineDiv = this.$refs.refine
      refineDiv.style.width = '100%'
      refineDiv.style.height = '180px'
      const refineChart = echarts.init(refineDiv)
      refineChart.setOption(this.refineOption)
      // 中小企业高质量发展诊断结果
      const tdpjDiv = this.$refs.tdpj
      tdpjDiv.style.width = '100%'
      tdpjDiv.style.height = '360px'
      const tdpjChart = echarts.init(tdpjDiv)
      tdpjChart.setOption(this.tdpjOption)
      // 创新型中小企业评分
      const innovateDiv = this.$refs.innovate
      innovateDiv.style.width = '100%'
      innovateDiv.style.height = '300px'
      const innovateChart = echarts.init(innovateDiv)
      innovateChart.setOption(this.innovateOption)
      // 专精特新中小企业评分
      const refinementDiv = this.$refs.refinement
      refinementDiv.style.width = '100%'
      refinementDiv.style.height = '400px'
      const refinementChart = echarts.init(refinementDiv)
      refinementChart.setOption(this.refinementOption)
      // 专精特新小巨人中小企业评分
      const giantDiv = this.$refs.giant
      giantDiv.style.width = '100%'
      giantDiv.style.height = '350px'
      const giantChart = echarts.init(giantDiv)
      giantChart.setOption(this.giantOption)
      if (this.$route.query.auto === '1') {
        setTimeout(() => {
          this.handleDown()
        }, 1000)
      }
    },
    handleDown() {
      htmlToPdf.downloadPDF(document.querySelector('#demo'), this.allForm.basePo.cityName + this.allForm.basePo.distName + '-' + this.allForm.base.entName)
      download({ id: this.allForm.report.id }).then(response => {
      })
    },
    headclass() {
      return 'text-align: center;background:#eef1f6;'
    },
    tableRowClassName({ row, rowIndex }) {
      if (rowIndex === 0 || rowIndex === 5 || rowIndex === 3 || rowIndex === 4 || rowIndex === 9 || rowIndex === 10) {
        return 'first-row'
      }
      return ''
    }
  }
}
</script>
<style scoped>
.title2 {
  line-height: 40px;
  font-size: 30px;
  color: #194f97;
  /*border-bottom: 1px #cccccc solid;*/
  margin-bottom: 20px;
  font-weight: bold;
}
.title2a1{
  line-height: 100px;
  font-size: 60px;
  color: #333333;
  margin-bottom: 20px;
  text-align: center;
}
.title2a{
  line-height: 50px;
  font-size: 25px;
  color: #ffffff;
  border-bottom: 1px #ffffff solid;
  margin-bottom: 20px;
  padding: 10px 20px;
}
</style>
<style>
  .main-container{
    height: 100%;
  }
  .app-main{
    height: auto;
  }
</style>
<style>

p {
  line-height: 32px;
  font-size: 16px;
  color: #000000;
}
.mainForm .div__label{
  /*width: 140px !important;*/
  text-align: left !important;
  background: #0c84c6 ;
  color: #ffffff;
  padding-left: 10px;
}
.mainForm .el260 .el-input{
  width: 260px !important;
}
.mainForm .el260 .div__label{
  margin-right: 5px !important;
}
.mainForm .el220 .el-input{
  width: 220px !important;
}
.mainForm .steps .el-step.is-simple:not(:last-of-type) .el-step__title {
  max-width: 85%;
  word-break: break-all;
}
.aceacd{
  color: #333333;
  line-height: 40px;
  font-size: 20px;
}
.qzgrs li{
  border: 1px solid  #DCDFE6;
  margin-right: 3px;
  width: 180px;
  float: left;
  border-radius: 4px;
  list-style: none;
  text-align: left;
  padding-left: 20px;
}
.echart-border{
  padding: 10px 5px 0 5px;
  /*border:1px #59c3dc solid;*/
  /*border-radius:8px;*/
  /*box-shadow: 1px 1px 12px #59c3dc inset;*/
  margin-bottom: 10px;
}
.echart-border div{
  /*margin: auto;*/
}
.dsac{
  /*background: #f5f5f5;*/
  margin-bottom: 28px;
}
.fxjg{
  height: 300px;
  /*background: #fff;*/
  padding: 10px;
}
.fxjg1p1{
  height: 620px;
  /*background: #fff;*/
  padding: 10px;
}
.fxjg1{
  height: 1120px;
  /*background: #fff;*/
  padding: 10px;
}
.fxjg11{
  height: 410px;
  /*background: #fff;*/
}
.fxjg11s{
  height: 300px;
  /*background: #fff;*/
}
.fxtitle{
  color: #0c84c6 ;
  font-weight: bold;
  border-bottom: 1px #9eacd9 solid;
  height: 24px;
}
.fxtitle1{
  color: #0c84c6 ;
  font-weight: bold;
  border-bottom: 1px #9eacd9 solid;
  height: 35px;
  font-size: 22px;
}
.fxtitle2 p{
  min-height: 16px;
  font-size: 16px;
  margin: 10px 0 10px 0;
}
p{line-height: 30px;
  font-size: 16px;
  color: #444444}
.eae{
  padding-bottom: 10px;
  border-bottom: 1px #cccccc solid;
}
.eae p{
  height: 18px;
  font-size: 16px;
}
.fenshu{
  color: red;
}
.sm{
  /*height: 15px;*/
  font-size: 14px !important;
  color: red;
  line-height: 16px;
}
.sm1{
  height: 14px;
  font-size: 16px !important;
  color: #333333;
  line-height: 24px;
  margin-bottom: 10px;
  font-weight: bold;
}
.smaa{
  font-size: 12px;
  color: #888888;text-align:
  left;line-height: 20px;
  padding: 0 20px 20px 20px;
}
.everyPage{
  height: 1543px;
}
.fmPage{
  background-image: url("../../assets/fm.jpg");
  background-size: cover;
  opacity:0.8;
  filter:alpha(opacity=40);
}
.adfwqx{
  padding:20px 0px 0px 0px;
  font-weight: bold
}
.mainPagehead{
  padding: 70px 0px 40px 0px;
  font-size: 18px;
  color: #000000;
  line-height: 40px;
  border-bottom: 1px #103667aa solid;
  text-align: right
}
.mainPageContent{
  padding: 30px 70px 10px 70px;
}
.mainPagehead1{
  float: right;
  background: #103667;
  padding-right: 20px;
  color: #ffffff;
  width: 300px;
  transform: skew(0deg,0deg)
}
.jbxx{
  /*background: #103667;*/
  /*background: #103667;*/
  /*border-bottom: 1px #0c84c6  solid;*/
  font-size: 16px;
  line-height: 30px;
  height: 60px;
  color: #666666;
}
canvas{
  z-index: 20;
  position: relative;
}
  .first-row{
    font-weight: bold;
    font-size: 14px;
  }
  .pageHeight{
    height: 1543px;
    border: 1px #EEEEEE solid;
  }
</style>
